@import "variables.scss";
@import "../../../common/css/size.scss";
.modal-hide{
  display: none !important;
}
.modal-show{
  display: block !important;
}
.modal-bg{
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  background:  rgba(21,32,54,0.6);
 
}
.modal-bg2{
  width:100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.modal-content, .modal-content2{
  border:$_1 solid $borderC;
  justify-content: space-around;
  border-radius: $_4;
  background: #fff;
  min-height: $_140;
  margin-bottom:5rem;
  .content{
    width: 100%;
    padding: $_10 $_30;
    line-height: $_22;
    letter-spacing: $_1;
    //height: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    .text{
      text-align: center;
      margin: $_10 0 ;
    }
    .e-close{
      margin-top: $_10;
    }
  }
  .bottom{
   width: 100%;
  }
}
.modalImg{
  width: $_30;
  height: $_30;
  margin-bottom: $_10;
}
.modal-size1{
  width: 80%;
  height:7rem;
}
.modal-size_70{
  width: 80%;
  height:$_140;
}

.modal-close{
  width: $_18;
  height: $_18;
  background: url('../img/common/modal-close.png') no-repeat;
  background-size: $_18;
}
/*miniok*/
.mini-bg{
  z-index: 99;
  position: absolute;
  TOP: 0;
  WIDTH: 100%;
  HEIGHT: 100%;

}
.mainMsgMini{
  // position: absolute;
  background: rgba(0,0,0,.5);
  top: $_20;
  left:0;
  right: 0;
  margin: 0 auto;
  max-width:calc(100% - #{$_100});
  padding: $_5 $_14;
  text-align: center;
  line-height: $_45;
  color: #fff;
  border-radius: $_5;
  // border: $_1 solid $cMain;
}
/*图片放大查看器*/
.modal-bg.imgLargeM{
  background:rgba(0,0,0,0.9);
  .modal-img{
    width: 100%;
    .pinch-zoom-container{
      width: 100%;

    }
  }
}